/* src/styles/element-variables.scss */
/* 1. 设置字体文件路径（指向 node_modules） */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
/* ----------------------------
   全局主色调 (#f5a21d 替代默认 #409EFF)
   ---------------------------- */
$--color-primary: #f5a21d;
$--color-primary-light-1: mix(#fff, $--color-primary, 10%) !default; /* #f7b13d */
$--color-primary-light-2: mix(#fff, $--color-primary, 20%) !default; /* #f8c15e */
$--color-primary-light-3: mix(#fff, $--color-primary, 30%) !default; /* #fad07f */
$--color-primary-light-4: mix(#fff, $--color-primary, 40%) !default; /* #fbdf9f */
$--color-primary-light-5: mix(#fff, $--color-primary, 50%) !default; /* #fceebf */
$--color-primary-light-6: mix(#fff, $--color-primary, 60%) !default; /* #fdf6df */
$--color-primary-light-7: mix(#fff, $--color-primary, 70%) !default; /* #fef9ef */
$--color-primary-light-8: mix(#fff, $--color-primary, 80%) !default; /* #fffcf7 */
$--color-primary-light-9: mix(#fff, $--color-primary, 90%) !default; /* #fffefc */

/* ----------------------------
   功能色（Success, Warning, Danger, Info）
   ---------------------------- */
$--color-success: #67c23a !default; // 成功色（绿色）
$--color-warning: #e6a23c !default; // 警告色（橙色）
$--color-danger: #f56c6c !default;  // 危险色（红色）
$--color-info: #909399 !default;    // 信息色（灰色）

/* ----------------------------
   文字 & 边框颜色
   ---------------------------- */
$--color-text-primary: #303133 !default; // 主要文字颜色
$--color-text-regular: #606266 !default; // 常规文字颜色
$--color-text-secondary: #909399 !default; // 次要文字
$--color-text-placeholder: #c0c4cc !default; // 占位符文字
$--border-color-base: #dcdfe6 !default; // 一级边框
$--border-color-light: #e4e7ed !default; // 二级边框
$--border-color-lighter: #ebeef5 !default; // 三级边框
$--border-color-extra-light: #f2f6fc !default; // 四级边框

/* ----------------------------
   背景色（Background）
   ---------------------------- */
$--background-color-base: #f5f7fa !default; // 基础背景色

/* ----------------------------
   其他组件变量（可继续自定义）
   ---------------------------- */
$--button-font-weight: 400 !default; // 按钮字重
$--border-radius-base: 4px !default; // 基础圆角
$--border-radius-small: 2px !default; // 小圆角

/* ----------------------------
   引入 Element UI 默认样式（必须放在最后）
   ---------------------------- */
@import "~element-ui/packages/theme-chalk/src/index";
